
/* tab css */
.tab .nav-tabs {
	border-bottom: 0 none;
	background: #ffffff;
}
.tab .nav-tabs li a {
	background: transparent;
	border-radius: 0;
	font-size: 16px;
	border: none;
	color: #909090;
	padding: 12px 22px;
	text-align: center;
}
.tab .nav-tabs li.active a, .tab .nav-tabs li.active a i {
	border: 0 none;
	color: #F44C31;
}

.tab .nav-tabs li.active{
	border-bottom: 1px solid #F44C31;
}

.tab .tab-content {
	padding: 5px;
	font-size: 14px;
	line-height: 20px;
	margin-top: 5px;
}

.tab .nav-tabs > li {
	float: left;
	margin-bottom: -1px;
	width: 50%;
	height: 100%;
}

/* touch */
.touch{  
    overflow: hidden;  
    position: relative;
    margin: 0 !important;
    padding: 0 !important;
    height: 90px;
}

.item {
	margin:0;
	padding:0;
    width: 140%;
    height: 90px;
    overflow: hidden;
    -webkit-transition: all 0.3s linear;  
}

.item.selected {
    -webkit-transform: translate(-28.6%,0);  
    -webkit-transition:all 0.3s linear;  
}

.item .left-view {
	margin:0;
	padding:0;
    overflow: hidden;  
    width: 71.4%;  
    height: 90px;
    float: left;
    vertical-align:middle;
}
.item .left-view span{
	height: 70px !important;
    line-height: 70px !important;
    margin-left: 1em;
}
.item .left-view span font{
	/* font-size:1.3em;
	color: #F44C31; */
}

.item .right-view{
    background-color: transparent;
    width: 28.6%;
    height: 100%;
    float: left;
}
.right-view span{
    height: 100%;
    float: right;
}  
.right-view span.next{
    background-color: #c5c4c6;
    height: 90px;
	line-height: 90px;
	width: 50%;
	text-align: center;
}

.right-view span.info{
    background-color: #ea4524;
    height: 90px;
	line-height: 90px;
	width: 50%;
	text-align: center;
}

.confirm{
    background-color: #ea4524;
    height: 90px;
	line-height: 90px;
	width: 28.6%;
	text-align: center;
	position: absolute;
	float:none !important;
	left: 100%;
}

.confirmselect{
	animation: confirmselect 0.3s linear forwards;
}

@keyframes confirmselect {
  0% {
  transform: translate(0);
  }
  100% {
  	transform: translate(-100%);
  }
}

.confirmremove{
	animation: confirmremove 0.3s linear forwards;
}

@keyframes confirmremove {
  0% {
  transform: translate(-100%);
  }
  100% {
  	transform: translate(0);
  	display:none;
  }
}



.right-view span font{
	font-size: 1.2em;
	font-weight: 160;
	color: white;
}

.leftImg{
	width: 90px;
	height: 90px;
	float: left;
	left: 0;
	top: 0;
	padding: 15px;
}

.leftContent {
	height: 90px;
	width: calc(100% - 90px);
	float: left;
	left:0;
	top: 0;
}
.leftContent .title{
	margin-bottom: 0 !important;
	margin-top: 5px;
}
.leftContent .content{
	margin-bottom: 0 !important;
}

.leftContent .content p{
	margin: 0 !important;
}
